<template>
  <div class="about">
    <div class="mybooks">
      <van-tabs v-model="active" >
        <van-tab title="我的图书">
          <mybooks1View />
        </van-tab>
        <van-tab title="历史记录">
          <historybooksView />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<style scoped>
.about {
  height: 100vh;
  overflow: scroll;
}
.mybooks {
  width: 100vw;
}

.van-tabs__nav,.van-tabs__nav--line{
  position: fixed;
}
</style>
<script>
import mybooks1View from './mybooks1View.vue';
import historybooksView from './historybooksView.vue';
export default {
      data() {
    return {
      active: 0
    };
  },
  components: {
    mybooks1View,
    historybooksView,
  },
  mounted() {
  },

}
</script>
